<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Harbor House ,美国整体家居品牌官网—美式家具_沙发_地毯_灯具_家纺_儿童家具</title>
	<link rel="stylesheet" href="css/cssreset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="shortcut icon" href="images/favicon.ico">
	<script src="js/jquery-3.0.0.min.js"></script>
</head>
<body>
	<span class="toTop"></span>
	<header>
		<div>		
		<div class="top_nav">
			<div class="left0 left">
				<a href="#" target="_blank">促销<span class="left_span">SALE</span></a>
				<div class="hotsale fur">
				<span class="hs_span"></span>
					<div class="hs_left furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">促销分类<span></span></a></dt>
									<a href="#"><dd>家具</dd></a>
									<a href="#"><dd>灯具&墙饰</dd></a>
									<a href="#"><dd>家纺</dd></a>
									<a href="#"><dd>儿童</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">促销活动<span></span></a></dt>
									<a href="#"><dd>地毯活动</dd></a>
									<a href="#"><dd>秋冬颜选好物</dd></a>
									<a href="#"><dd>约“惠”双十一</dd></a>
									<a href="#"><dd>秋冬新品上市</dd></a>
									<a href="#"><dd>床垫活动</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="hs_right furright">
						<dl>
							<dd><img src="images/6364323215574799011419129.jpg" alt=""></dd>
						</dl>
					</div>
				</div>
			</div>
			<div class="left1 left">
				<a href="#" target="_blank">空间指引</a>
				<div class="zone fur">
				<span class="zone_span hs_span"></span>
					<div class="hs_left furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">空间指引<span></span></a></dt>
									<a href="#"><dd>客厅</dd></a>
									<a href="#"><dd>卧室</dd></a>
									<a href="#"><dd>餐厅</dd></a>
									<a href="#"><dd>书房</dd></a>
									<a href="#"><dd>卫浴</dd></a>
									<a href="#"><dd>户外</dd></a>
									<a href="#"><dd>玄关</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">设计库<span></span></a></dt>
									<a href="#"><dd>灵感居室</dd></a>
									<a href="#"><dd>装饰文章</dd></a>
									<a href="#"><dd>风格图库</dd></a>
									<a href="#"><dd>在线目录册</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="zone_right">
						<dl>
							<dd>免费软装设计服务</dd>
							<dd><img src="images/6354958430379712519851252.jpg" alt=""></dd>
							<a href="#" target="_blank">了解详情 ></a>
						</dl>
					</div>
				</div>
			</div>
			<a href="#" target="_blank">THE AMERICAN TASTE</a>
			<a href="#" target="_blank">HOME+</a>
			<div class="right right1">
				<a href="#" target="_blank"><span class="right_span" target="_blank"></span>联系客服</a>
				<div class="contact">
					<span></span>
					<dl>
						<dd>售前：</dd>
						<dd><a href="#">腾讯QQ</a></dd>
						<dd><a href="#">淘宝旺旺</a></dd>
					</dl>
					<dl>
						<dd>售后：</dd>
						<dd><a href="#">腾讯QQ</a></dd>
						<dd><a href="#">淘宝旺旺</a></dd>
					</dl>
				</div>						
			</div>
			<a href="html/login.html" class="right"><span class="login"></span>登录/注册</a>
			<a href="#" class="right" target="_blank">您好！欢迎来到 HARBOR HOUSE!</a>			
		</div>
		</div>
		<h1></h1>
	</header>
	<nav>
		<ul>
			<li>
				<a href="" target="_blank">家 具</a>
				<div class="fur">
				<span class="furspan"></span>
					<div class="furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">餐厅家具<span></span></a></dt>
									<a href="#"><dd>餐桌</dd></a>
									<a href="#"><dd>餐椅</dd></a>
									<a href="#"><dd>餐边柜/酒柜</dd></a>
									<a href="#"><dd>吧台/吧椅</dd></a>
								</dl>
								<dl>
									<dt><a href="html/furniture.html">客厅家具<span></span></a></dt>
									<dd>沙发</dd>
									<dd>咖啡桌</dd>
									<dd>电视柜/塔柜</dd>
									<dd>边几</dd>
									<dd>边桌</dd>
									<dd>休闲桌</dd>
									<dd>休闲椅/休闲凳/备用套</dd>
									<dd>软包休闲椅</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">门厅/玄关<span></span></a></dt>
									<dd>玄关柜</dd>
									<dd>玄关键</dd>
									<dd>边桌</dd>
									<dd>床尾凳</dd>
								</dl>
								<dl>
									<dt><a href="#">沙发<span></span></a></dt>
									<dd>所有沙发</dd>
									<dd>三人沙发</dd>
									<dd>双人沙发</dd>
									<dd>单人沙发</dd>
									<dd>脚台</dd>
									<dd>沙发床</dd>
									<dd>组合沙发</dd>
									<dd>皮沙发</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">卧室家具<span></span></a></dt>
									<dd>床</dd>
									<dd>床垫/床顶垫</dd>
									<dd>床盒</dd>
									<dd>床头柜</dd>
									<dd>斗柜</dd>
									<dd>梳妆台/梳妆镜/梳妆凳</dd>
									<dd>衣柜</dd>
									<dd>床尾凳</dd>
									<dd>休闲桌</dd>
								</dl>
								<dl>
									<dt><a href="#">书房家具<span></span></a></dt>
									<dd>书桌</dd>
									<dd>书柜/文件柜</dd>
									<dd>办公椅</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">卫浴家具<span></span></a></dt>
									<dd>卫浴柜</dd>
									<dd>浴室镜</dd>
								</dl>
								<dl>
									<dt><a href="#">休闲家具<span></span></a></dt>
									<dd>储物箱</dd>
									<dd>休闲椅/休闲凳/备用套</dd>
									<dd>休闲桌</dd>
									<dd>装饰架/壁架</dd>
								</dl>
								<dl>
									<dt><a href="#">户外家具<span></span></a></dt>
									<dd>户外餐桌/餐椅</dd>
									<dd>户外座椅/躺椅</dd>
									<dd>遮阳伞/底座/防护罩</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">风格<span></span></a></dt>
									<dd>海洋风</dd>
									<dd>休闲风</dd>
									<dd>自然风</dd>
									<dd>经典风</dd>
								</dl>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<dd>新品</dd>
									<dd>促销</dd>
								</dl>
							</li>
						</ul>
					</div>
					<div class="furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有家具</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6360221137165913748133205.jpg" alt=""></dd>
						<a href="#">沙发 ></a>
						</dl>
					</div>
				</div>
			</li>
			<li>
				<a href="" target="_blank">灯 具 & 墙 饰</a>
				<div class="lamps fur">
				<span class="lampspan furspan"></span>
					<div class="lampsleft furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">灯具<span></span></a></dt>
									<a href="#"><dd>吊顶灯</dd></a>
									<a href="#"><dd>壁灯/浴室灯</dd></a>
									<a href="#"><dd>台灯</dd></a>
									<a href="#"><dd>落地灯</dd></a>
									<a href="#"><dd>书桌灯</dd></a>
									<a href="#"><dd>儿童灯具</dd></a>
								</dl>
								<dl>
									<dt><a href="#">墙画/挂钟/墙镜<span></span></a></dt>
									<a href="#"><dd>墙画</dd></a>
									<a href="#"><dd>墙镜</dd></a>
									<a href="#"><dd>挂钟</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<a href="#"><dd>新品</dd></a>
									<a href="#"><dd>促销</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="lampsright furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有灯具&墙画</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6360221128618586091463123.jpg" alt=""></dd>
						<a href="#">墙画新品 ></a>
						</dl>
					</div>
				</div>				
			</li>
			<li>
				<a href="" target="_blank">窗 帘 & 地 毯</a>
				<div class="curtain fur lamps">
				<span class="furspan curspan"></span>
					<div class="lampsleft furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">窗帘<span></span></a></dt>
									<a href="#"><dd>窗帘布</dd></a>
									<a href="#"><dd>窗纱</dd></a>
									<a href="#"><dd>窗饰五金</dd></a>
								</dl>
								<dl>
									<dt><a href="#">地毯<span></span></a></dt>
									<a href="#"><dd>羊毛类地毯</dd></a>
									<a href="#"><dd>自然纤维地毯</dd></a>
									<a href="#"><dd>浴室地垫</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<a href="#"><dd>新品</dd></a>
									<a href="#"><dd>促销</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="lampsright furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有窗帘&地毯</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6354958440850463685330296.jpg" alt=""></dd>
						<a href="#">热销羊毛地毯 ></a>
						</dl>
					</div>
				</div>
			</li>
			<li>
				<a href="" target="_blank">家 纺</a>
				<div class="textile fur">
				<span class="furspan texspan"></span>
					<div class="textileleft furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">时尚床上用品<span></span></a></dt>
									<a href="#"><dd>被套</dd></a>
									<a href="#"><dd>封枕</dd></a>
									<a href="#"><dd>绗缝盖被</dd></a>
									<a href="#"><dd>欧枕</dd></a>
									<a href="#"><dd>床单/床笠/枕套</dd></a>
									<a href="#"><dd>床品套件</dd></a>
								</dl>
								<dl>
									<dt><a href="#">装饰性纺织品<span></span></a></dt>
									<a href="#"><dd>装饰靠垫套</dd></a>
									<a href="#"><dd>披毯/毯子</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">儿童纺织品<span></span></a></dt>
									<a href="#"><dd>被套/封枕</dd></a>
									<a href="#"><dd>床单/床笠/枕套</dd></a>
									<a href="#"><dd>基础床品</dd></a>
									<a href="#"><dd>毯子</dd></a>
									<a href="#"><dd>装饰靠垫套</dd></a>
									<a href="#"><dd>绗缝盖被/欧枕</dd></a>
									<a href="#"><dd>地毯</dd></a>
									<a href="#"><dd>其它装饰纺织品</dd></a>
								</dl>
								<dl>
									<dt><a href="#">基础床品<span></span></a></dt>
									<a href="#"><dd>被芯</dd></a>
									<a href="#"><dd>枕芯</dd></a>
									<a href="#"><dd>靠垫芯</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">餐桌纺织品<span></span></a></dt>
									<a href="#"><dd>餐垫/桌旗</dd></a>
									<a href="#"><dd>餐椅垫</dd></a>
								</dl>
								<dl>
									<dt><a href="#">其它<span></span></a></dt>
									<a href="#"><dd>浴室纺织品</dd></a>
									<a href="#"><dd>毛巾/小方巾/浴巾</dd></a>
									<a href="#"><dd>浴室地垫</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">风格<span></span></a></dt>
									<a href="#"><dd>海洋风</dd></a>
									<a href="#"><dd>休闲风</dd></a>
									<a href="#"><dd>自然风</dd></a>
									<a href="#"><dd>经典风</dd></a>
								</dl>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<a href="#"><dd>新品</dd></a>
									<a href="#"><dd>促销</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="textileright furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有家纺</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6360221134148840768980595.jpg" alt=""></dd>
						<a href="#">热销时尚床品 ></a>
						</dl>
					</div>
				</div>
			</li>
			<li>
				<a href="" target="_blank">装 饰 品</a>
				<div class="decorations fur">
				<span class="furspan decspan"></span>
					<div class="decleft furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">花/花瓶<span></span></a></dt>
									<a href="#"><dd>花</dd></a>
									<a href="#"><dd>花盆</dd></a>
									<a href="#"><dd>花瓶</dd></a>
								</dl>
								<dl>
									<dt><a href="#">盆栽/盆景<span></span></a></dt>
									<a href="#"><dd>花瓶填充物</dd></a>
									<a href="#"><dd>装饰摆件</dd></a>
									<a href="#"><dd>座钟</dd></a>
									<a href="#"><dd>各类摆饰</dd></a>
									<a href="#"><dd>书桌摆件</dd></a>
									<a href="#"><dd>相框</dd></a>
								</dl>
								<dl>
									<dt><a href="#">蜡烛/烛台<span></span></a></dt>
									<a href="#"><dd>风灯</dd></a>
									<a href="#"><dd>蜡烛</dd></a>
									<a href="#"><dd>烛台</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">收纳容器<span></span></a></dt>
									<a href="#"><dd>托盘/装饰碗</dd></a>
									<a href="#"><dd>篮筐</dd></a>
									<a href="#"><dd>装饰储物罐</dd></a>
									<a href="#"><dd>装饰盒</dd></a>
									<a href="#"><dd>套件</dd></a>
								</dl>
								<dl>
									<dt><a href="#">卫浴/熏香/镜子<span></span></a></dt>
									<a href="#"><dd>卫浴用品</dd></a>
									<a href="#"><dd>熏香</dd></a>
									<a href="#"><dd>镜子</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<a href="#"><dd>新品</dd></a>
									<a href="#"><dd>促销</dd></a>
									<a href="#"><dd>夏季装饰</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="decright furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有装饰品</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6360221134148840768980595.jpg" alt=""></dd>
						<a href="#">夏季装饰 ></a>
						</dl>
					</div>
				</div>
			</li>
			<li>
				<a href="" target="_blank">餐 厨 用 品</a>
				<div class="kitchen fur">
				<span class="furspan kitspan"></span>
					<div class="kitleft furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">餐厅用品<span></span></a></dt>
									<a href="#"><dd>餐桌纺织品</dd></a>
									<a href="#"><dd>餐具/刀叉匙</dd></a>
									<a href="#"><dd>咖啡茶用具</dd></a>
									<a href="#"><dd>玻璃杯/吧台用具</dd></a>
									<a href="#"><dd>其他餐厨用品</dd></a>
									<a href="#"><dd>套件</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">厨房用品<span></span></a></dt>
									<a href="#"><dd>锅具</dd></a>
									<a href="#"><dd>刀具</dd></a>
									<a href="#"><dd>烘焙模具</dd></a>
									<a href="#"><dd>厨房电器</dd></a>
									<a href="#"><dd>厨房小工具</dd></a>
									<a href="#"><dd>其他厨房用品</dd></a>
									<a href="#"><dd>套件</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<a href="#"><dd>新品</dd></a>
									<a href="#"><dd>促销</dd></a>
								</dl>
								<dl>
									<dt><a href="#">品牌<span></span></a></dt>
									<a href="#"><dd>All-Clad</dd></a>
									<a href="#"><dd>USA Pan</dd></a>
									<a href="#"><dd>Revol</dd></a>
									<a href="#"><dd>Nespresso</dd></a>
									<a href="#"><dd>Harbor House</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="decright furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有餐厨用品</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6360221125431511783417819.jpg" alt=""></dd>
						<a href="#">热销餐具 ></a>
						</dl>
					</div>
				</div>
			</li>
			<li>
				<a href="" target="_blank">儿 童</a>
				<div class="child textile fur">
				<span class="furspan childspan"></span>
					<div class="childleft furleft">
						<ul>
							<li>
								<dl>
									<dt><a href="#">儿童家具<span></span></a></dt>
									<a href="#"><dd>儿童床</dd></a>
									<a href="#"><dd>儿童床垫</dd></a>
									<a href="#"><dd>儿童柜</dd></a>
									<a href="#"><dd>儿童沙发</dd></a>
									<a href="#"><dd>儿童书桌/书柜/书架</dd></a>
									<a href="#"><dd>儿童椅</dd></a>
									<a href="#"><dd>游戏桌/椅</dd></a>
								</dl>
								<dl>
									<dt><a href="#">儿童灯具<spa></span></a></dt>
									<a href="#"><dd>书桌灯</dd></a>
									<a href="#"><dd>吊顶灯</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">儿童纺织品<span></span></a></dt>
									<a href="#"><dd>被套/封枕</dd></a>
									<a href="#"><dd>床单/床笠/枕套</dd></a>
									<a href="#"><dd>基础床品</dd></a>
									<a href="#"><dd>毯子</dd></a>
									<a href="#"><dd>装饰靠垫套</dd></a>
									<a href="#"><dd>绗缝盖被/欧枕</dd></a>
									<a href="#"><dd>儿童坐垫</dd></a>
									<a href="#"><dd>地毯</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">儿童饰品<span></span></a></dt>
									<a href="#"><dd>摆设装饰品</dd></a>
									<a href="#"><dd>儿童玩偶</dd></a>
									<a href="#"><dd>儿童帐篷</dd></a>
									<a href="#"><dd>挂袋</dd></a>
									<a href="#"><dd>墙画/墙镜</dd></a>
									<a href="#"><dd>收纳篮</dd></a>
									<a href="#"><dd>相框</dd></a>
								</dl>
							</li>
							<li>
								<dl>
									<dt><a href="#">特色<span></span></a></dt>
									<a href="#"><dd>新品</dd></a>
									<a href="#"><dd>促销</dd></a>
									<a href="#"><dd>男孩房</dd></a>
									<a href="#"><dd>女孩房</dd></a>
								</dl>
							</li>
						</ul>
					</div>
					<div class="childright furright">
						<dl>
							<dt><h2><img src="images/alltext.png" alt=""></h2></dt>
							<dd>查看所有儿童家居</dd>
						</dl>
						<dl>
							<dd>按销量排行</dd>
							<dd>按新品排行</dd>
							<dd>按价格排行</dd>
							<dd><img src="images/6360221130670002211167065.jpg" alt=""></dd>
						<a href="#">幻彩童年 曼妙时光 ></a>
						</dl>
					</div>
				</div>
			</li>
		</ul>
		<form action="" class="search">
			<span class="f_left"></span>
			<input type="text">
			<span class="f_right"></span>
			<span class="s_logo"></span>
		</form>
	</nav>
	<main>
		<div class="banner">
			<ul>
				<li></li>
				<li></li>
			</ul>
			<ol>
				<li></li>
				<li></li>
			</ol>
			<span class="b_left"></span>
			<span class="b_right"></span>
		</div>   
		<div class="goods">
			<a href="#" target="_blank">
				<img src="images/index02.jpg" alt="">
			</a>
		</div>
		<div class="logo goods">
		<img src="images/index-tit1.jpg" alt="">
		</div>
		<div class="accessories goods">
			<ul>
				<li><a href="#"><img src="images/slick-1.jpg" alt="收纳容器"><p>收纳容器 ></p></a></li>
				<li><a href="#"><img src="images/slick-2.jpg" alt="蜡烛烛台"><p>蜡烛烛台 ></p></a></li>
				<li><a href="#"><img src="images/slick-3.jpg" alt="装饰摆件"><p>装饰摆件 ></p></a></li>
				<li><a href="#"><img src="images/slick-4.jpg" alt="花与花瓶"><p>花与花瓶 ></p></a></li>
				<li><a href="#"><img src="images/slick-1.jpg" alt="收纳容器"><p>收纳容器 ></p></a></li>
				<li><a href="#"><img src="images/slick-2.jpg" alt="蜡烛烛台"><p>蜡烛烛台 ></p></a></li>
				<li><a href="#"><img src="images/slick-3.jpg" alt="装饰摆件"><p>装饰摆件 ></p></a></li>
				<li><a href="#"><img src="images/slick-4.jpg" alt="花与花瓶"><p>花与花瓶 ></p></a></li>
			</ul>
			<span class="acc_left"></span>
			<span class="acc_right"></span>
		</div>
		<div class="furniture goods">
			<a href="#" target="_blank">
				<img src="images/index04.jpg" alt="">
			</a>
		</div>
		<div class="vase goods">
			<a href="#" target="_blank">
				<img src="images/index05.jpg" alt="">
			</a>
		</div>
		<div class="advertisement goods">
			<a href="#" target="_blank">
				<img src="images/index06.jpg" alt="">
			</a>
		</div>
		<div class="goods">
			<a href="#" target="_blank">
				<img src="images/index07.jpg" alt="">
			</a>
		</div>
		<div class="home goods">
			<a href="#" target="_blank">
				<img src="images/home.jpg" alt="">
			</a>
		</div>
		<div class="logo goods">
			<a href="#" target="_blank">
				<img src="images/index-tit2.jpg" alt="">
			</a>
		</div>
		<div class="accessories goods">
			<ul>
				<li><a href="#"><img src="images/slick-5.jpg" alt="烘培模具"><p>烘培模具 ></p></a></li>
				<li><a href="#"><img src="images/slick-6.jpg" alt="彩盘餐具"><p>彩盘餐具 ></p></a></li>
				<li><a href="#"><img src="images/slick-7.jpg" alt="餐厅用品"><p>餐厅用品 ></p></a></li>
				<li><a href="#"><img src="images/slick-8.jpg" alt="锅具系列"><p>锅具系列 ></p></a></li>
				<li><a href="#"><img src="images/slick-5.jpg" alt="烘培模具"><p>烘培模具 ></p></a></li>
				<li><a href="#"><img src="images/slick-6.jpg" alt="彩盘餐具"><p>彩盘餐具 ></p></a></li>
				<li><a href="#"><img src="images/slick-7.jpg" alt="餐厅用品"><p>餐厅用品 ></p></a></li>
				<li><a href="#"><img src="images/slick-8.jpg" alt="锅具系列"><p>锅具系列 ></p></a></li>
			</ul>
			<span class="acc_left"></span>
			<span class="acc_right"></span>
		</div>
		<div class="magic goods">
			<a href="#" target="_blank">
				<img src="images/index09.jpg" alt="">
			</a>
		</div>
		<div class="goods">
			<a href="#" target="_blank">
				<img src="images/index10.jpg" alt="">
			</a>
		</div>
		<p class="p1">
			<a href="#" target="_blank"></a>
			<a href="#" target="_blank"></a>
		</p>
		<p class="p2 goods">
			<a href="#" target="_blank"></a>
			<a href="#" target="_blank"></a>
			<a href="#" target="_blank"></a>
			<a href="#" target="_blank"></a>
		</p>
	</main>
	<footer>
		<ul>
			<li>
				<p>新手上路</p>
				<a href="#" target="_blank">在线目录</a>
			</li>
			<li>
				<p>帮助中心</p>
				<a href="#" target="_blank">家具保养</a>
			</li>
			<li>
				<p>客户服务</p>
				<a href="#" target="_blank">会员介绍</a>
				<a href="#" target="_blank">全国门店</a>
				<a href="#" target="_blank">软装设计</a>
				<a href="#" target="_blank">会员服务</a>
				<a href="#" target="_blank">客诉受理</a>
			</li>
			<li>
				<p>
					<img src="images/Wechat.jpg" alt="">关注官方微信
				</p>
				<p class="tweet">
					<img src="images/tweet.jpg" alt=""><span></span>官方微博	
				</p>
			</li>
			<li>
				<p class="number">400-888-1916</p>
				<form action="">
					<input type="text" class="input">
					<span class="ser"></span>
				</form>
				<ul class="lastul">
					<li>
					<a href="#" target="_blank">
						<span class="vedio"></span>
						<p>Harbor House Life</p>
					</a>
					</li>
					<li>
					<a href="#" target="_blank">
						<span class="design"></span>
						<p class="soft">申请软装设计</p>
						<strong>Design Application</strong>
					</a>
					</li>
				</ul>
			</li>
		</ul>
		<p class="foot foot1">
			<a href="#" target="_blank">关于我们</a>
			<a href="#" target="_blank">品牌新闻 </a>
			<a href="#" target="_blank">招聘信息</a>
			<a href="#" target="_blank">客服中心</a>
			<a href="#" target="_blank">帮助中心</a>
			<a href="#" target="_blank">联系我们</a>
			<a href="#" target="_blank">全国门店</a>
			<a href="#" target="_blank">在线目录</a>
			<a href="#" target="_blank">网站地图</a>
		</p>
		<p class="foot foot2"> Harbor House 安美西石贸易（浙江）有限公司版权所有
			<a href="#" target="_blank">浙ICP备07505498号</a>
		</p>
	</footer>
	
	<script>
	//header
	$('.left0').mouseenter(function(){
		$('.hotsale').show();
	})
	$('.left0').mouseleave(function(){
		$('.hotsale').hide();
	})
	$('.left1').mouseenter(function(){
		$('.zone').show();
	})
	$('.left1').mouseleave(function(){
		$('.zone').hide();
	})
	
	//contact
	$('.right1').mouseenter(function(){
		$('.contact').show();
	})
	$('.right1').mouseleave(function(){
		$('.contact').hide();
	})

	//搜索栏
		$('.search input').focus(function(){
			$(this).css('width','160px');
			$('.search').css('width','180px');
		})
		$('.search input').blur(function(){
			$(this).css('width','110px');
			$('.search').css('width','130px');
		})

	//大banner
		var num=0;
		var timer;
		function play(){
		timer=setInterval(function(){
			num++;
			if(num==2)num=0;
			$('.banner ul>li').eq(num).fadeIn(800).siblings().fadeOut(800);
			$('.banner ol>li').eq(num).css('background','#fff').siblings().css('background','#6d6d6d');
		},2000)
	}

		play();
		//右按钮			
				$('.banner .b_right').click(function(){
				num++;
				if(num==2)num=0;
				$('.banner ul li').eq(num).fadeIn(500).siblings().fadeOut(500);
				$('.banner ol li').eq(num).css('background','#fff').siblings().css('background','#6d6d6d');
				})
	//左按钮
				$('.banner .b_left').click(function(){
				num--;
				if(num==-1)num=1;
				$('.banner ul li').eq(num).fadeIn(500).siblings().fadeOut(500);
				$('.banner ol li').eq(num).css('background','#fff').siblings().css('background','#6d6d6d');
				})

			$('.banner').mouseenter(function(){
				clearInterval(timer);
				$('.banner span').show();
	
			})	

			$('.banner ol li').mouseenter(function(){
				var b=$(this).index();
				num=b;
				$('.banner ol li').eq(b).css('background','#fff').siblings().css('background','#6d6d6d');
				$('.banner ul li').eq(b).fadeIn(500).siblings().fadeOut(500);
				// clearInterval(timer);
			})	

			$('.banner').mouseleave(function(){
				play();
				$('.banner span').hide();
			})
	
	//nav
	for(var i=0;i<$('nav ul li').length;i++){
		$('nav ul li').eq(i).mouseenter(function(){
			$(this).children('div').show();
		})
		$('nav ul li').eq(i).mouseleave(function(){
			$(this).children('div').hide();
		})
	}

	//小轮播 accessories
	var c=0;
	$('.acc_left').click(function(){
		c--;
		if(c==-1){
			c=4
			$('.accessories>ul').css('left',-390*c+(-185)+'px');//衔接
			c=3;
		};
		$('.accessories>ul').animate({'left':-390*c+(-185)},500);//再动画
	})
	$('.acc_right').click(function(){
		c++;
		if(c==5){
			c=0;
			$('.accessories>ul').css('left',-390*c+(-185)+'px');
			c=1;
		}
		$('.accessories>ul').animate({'left':-390*c+(-185)},500);
	})	
		
	//置顶按钮
	$(window).scroll(function(){
		if($(window).scrollTop()>$('header').height()){
			$('.toTop').show();
		}else{
			$('.toTop').hide();
		}
	})
	$('.toTop').click(function(){
		$('html,body').animate({'scrollTop':$('header').offset().top});
	})

	</script>
</body>
</html>